<!DOCTYPE html>
<!-- html -->
<html>
<!-- head -->
<head>
<title>关于我们</title>
 <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /><!-- bootstrap-CSS -->
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" media="all" /><!-- Fontawesome-CSS -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script type='text/javascript' src='js/jquery-2.2.3.min.js'></script>
<script type='text/javascript' src='js/template.js'></script>
<!-- Custom Theme files -->
<link href="css/menu.css" rel="stylesheet" type="text/css" media="all" /> <!-- menu style --> 
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<link rel="stylesheet" type="text/css" href="css/easy-responsive-tabs.css " />
<!--meta data-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="keywords" content="" />
<style>
	.about_acrticle{
		text-indent: 2em;
	}
</style>
<script type="text/javascript">
    function isWeixnOpen(){

    var ua = navigator.userAgent.toLowerCase();

    if(ua.match(/MicroMessenger/i)=="micromessenger") {

        return true;

    } else {

        return false;

    }

}
 $(function(){
  if (isWeixnOpen()) {

  }
  else{
    // document.oncontextmenu=new Function("event.returnValue=false;");
    // document.onselectstart=new Function("event.returnValue=false;");
    // $("body").text("请在微信打开");
    // $("body").css("text-align","center");
  }
 })
</script>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--//meta data-->
<!-- nav smooth scroll -->
<script>
$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
            $(this).toggleClass('open');       
        }
    );
});
</script>
<!-- //nav smooth scroll -->
</head>
<!-- //head -->
<!-- body -->
<body>

<!-- header -->
 <!-- <header>
    <div class="navbar navbar-inverse-blue navbar">
        <div class="navbar-inner">
            <div class="container">
                <div class="menu">
                    <div>
                        <a class="cd-dropdown-trigger" href="#0" style="color: rgba(0,0,0,0);">浏览资料</a>
                    </div>
                </div>
                <div class="pull-right">
                    <nav class="navbar nav_bottom" role="navigation">
                        <div class="navbar-header nav_2">
                            <button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">菜单
                                <span class="sr-only">切换导航</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
                            <ul class="nav navbar-nav nav_1">
                                <li class="active"><a href="index.html">首页</a></li>
                                <li><a href="./activity.html">活动</a></li>
                                <li><a href="./emotional.html">情感专栏</a></li>
                                <li class="last"><a href="./loveLesson.html">恋爱技巧</a></li>
                            </ul>
                        </div>
                    </nav>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>
</header> -->
<!-- /header -->
	<!-- inner banner -->	
	<div style="position: relative;">
      <img style="width: 100%;" src="./images/ban1.png">
      <img style="position: absolute;width: 30%;top: 10px;left: 10px;"  src="./images/logo.png">
    </div>
	<!-- //inner banner -->	

	<!-- breadcrumbs -->
	<!-- //breadcrumbs -->
	
	<!-- about us -->
	<div class="w3l_about">
		<div class="container">
			
			<p class="about_acrticle">朝阳区社区服务中心是在朝阳区委、区政府的领导下，为适应全区社区服务的总体要求，满足全区广大社区居民需求而建立的便民利民服务机构，属于朝阳区民政局下属的事业单位。朝阳区社区服务中心位于朝阳区劲松四区405号，建筑面积6800平米，于2001年筹备成立，2002年正式启用，目前开设有居家养老服务、96156社区公共服务等公共性服务项目；积极做好社区大课堂、各类志愿服务活动、社区文艺队伍建设并组织公益慰问演出、老年大学等公益性服务项目；开展了家政服务、婚介服务等便民性服务项目。中心的主要职责是：贯彻落实市委、市政府和区委、区政府关于社区服务工作的方针、政策，负责组织实施本区社区服务工作发展规划和年度计划；负责指导本区街道、地区社区服务中心工作和社区服务站标准化建设工作；协助市社区服务中心负责本区社区公共服务平台的建设工作，承担本区社区信息网络及呼叫系统的管理和运营工作；负责本区志愿者的注册、登记、培训和管理工作；负责本区社会工作师、助理社会工作师信息备案和人员培训工作；负责组织、指导本区居家养老（助残）服务工作、社区公益服务以及便民利民服务工作等。
			</p>
		</div>
	</div>
	
	
			<!-- Success_Story Modal1 -->
				<div id="myModal1" class="modal fade" tabindex="-1" role="dialog">
				  <div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
					  <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title">新娘和新郎/h4>
					  </div>
					  <div class="modal-body">
					  <div class="success_w3_story">
							<img src="images/s1.png" alt=" " class="img-responsive" />
							<p></p>
						</div>
					  </div>
					</div>

				  </div>
				</div>
			<!-- //Success_Story Modal1 -->
			<!-- Success_Story Modal2 -->
				<div id="myModal2" class="modal fade" tabindex="-1" role="dialog">
				  <div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
					  <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title">新娘和新郎</h4>
					  </div>
					  <div class="modal-body">
					  <div class="success_w3_story">
							<img src="images/s2.png" alt=" " class="img-responsive" />
							<p>婚姻，古时又称'昏姻'或'昏因'。一般而言，婚姻一词的起源有三种说法：汉朝的郑玄说，婚姻指的是嫁娶之礼。在我国古代的婚礼中，男方通常在黄昏时到女家迎亲，而女方随着男方出门，这种'男 以昏时迎女，女因男而来'的习俗，就是'昏''因'一词的起源。换句话说，婚姻是指男娶女嫁的过程。  人类婚姻史　　 追溯到原始时代，就有了所谓的婚姻，这是一种群居高等生命的本能属性，自然法则会用异性相吸的力量，使哺乳类生命繁衍生息。人类的婚姻存在形式以及结合方式，受人类社会环境的影响。不同时代和地区的社会环境，造就了多样的婚姻模式，以及结合方式。科学的意义上看，如果没有婚姻，很多血统就会出现混乱，不利于人们的优良繁衍。 　　原始人类并不需要婚姻，这跟今天的灵长动物是一样的，不必细说。后来有了氏族社会，采用的是集体群婚制，即一个氏族的男性或女性集体嫁到另一个氏族。这也是在进化过程中为了族群繁衍和防止乱伦导致族群退化而形成的一个习俗。再后来进入了私有制社会，才有了一对一或一对数的固定的夫妻关系，于是就产生了婚姻制度。 　　值得指出的是，由于婚姻产生于私有制，所以它一直与人的财产关系密切相关。由于男子是私有制社会的主体，所以女子一直被看作男子的财产，于是多数古代社会是一夫多妻制。而且抢婚、买卖妻妾等现象也源于此。由于私有制的财产由于血缘关系中的男性继承，为了保证血缘的纯净，就有了“处女情结”和对女子性行为的严格约束。 　　当出现了部落和国家等社会组织之后，婚姻又成了一种政治筹码。从部族的通婚，到国家统治者之间的“联姻”，都是试图通过婚姻来达到政治目的。直到今天，婚姻仍被富豪家庭用于结盟和理顺财产继承关系。 </p>
						</div>
					  </div>
					</div>

				  </div>
				</div>
			<!-- //Success_Story Modal2 -->
			<!-- Success_Story Modal3 -->
				<div id="myModal3" class="modal fade" tabindex="-1" role="dialog">
				  <div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
					  <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title">新娘和新郎</h4>
					  </div>
					  <div class="modal-body">
					  <div class="success_w3_story">
							<img src="images/s3.png" alt=" " class="img-responsive" />
							<p>婚姻，古时又称'昏姻'或'昏因'。一般而言，婚姻一词的起源有三种说法：汉朝的郑玄说，婚姻指的是嫁娶之礼。在我国古代的婚礼中，男方通常在黄昏时到女家迎亲，而女方随着男方出门，这种'男 以昏时迎女，女因男而来'的习俗，就是'昏''因'一词的起源。换句话说，婚姻是指男娶女嫁的过程。  人类婚姻史　　 追溯到原始时代，就有了所谓的婚姻，这是一种群居高等生命的本能属性，自然法则会用异性相吸的力量，使哺乳类生命繁衍生息。人类的婚姻存在形式以及结合方式，受人类社会环境的影响。不同时代和地区的社会环境，造就了多样的婚姻模式，以及结合方式。科学的意义上看，如果没有婚姻，很多血统就会出现混乱，不利于人们的优良繁衍。 　　原始人类并不需要婚姻，这跟今天的灵长动物是一样的，不必细说。后来有了氏族社会，采用的是集体群婚制，即一个氏族的男性或女性集体嫁到另一个氏族。这也是在进化过程中为了族群繁衍和防止乱伦导致族群退化而形成的一个习俗。再后来进入了私有制社会，才有了一对一或一对数的固定的夫妻关系，于是就产生了婚姻制度。 　　值得指出的是，由于婚姻产生于私有制，所以它一直与人的财产关系密切相关。由于男子是私有制社会的主体，所以女子一直被看作男子的财产，于是多数古代社会是一夫多妻制。而且抢婚、买卖妻妾等现象也源于此。由于私有制的财产由于血缘关系中的男性继承，为了保证血缘的纯净，就有了“处女情结”和对女子性行为的严格约束。 　　当出现了部落和国家等社会组织之后，婚姻又成了一种政治筹码。从部族的通婚，到国家统治者之间的“联姻”，都是试图通过婚姻来达到政治目的。直到今天，婚姻仍被富豪家庭用于结盟和理顺财产继承关系。 </p>
						</div>
					  </div>
					</div>

				  </div>
				</div>
			<!-- //Success_Story Modal3 -->
			<!-- Success_Story Modal4 -->
				<div id="myModal4" class="modal fade" tabindex="-1" role="dialog">
				  <div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
					  <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title">新娘和新郎</h4>
					  </div>
					  <div class="modal-body">
					  <div class="success_w3_story">
							<img src="images/s4.png" alt=" " class="img-responsive" />
							<p>婚姻，古时又称'昏姻'或'昏因'。一般而言，婚姻一词的起源有三种说法：汉朝的郑玄说，婚姻指的是嫁娶之礼。在我国古代的婚礼中，男方通常在黄昏时到女家迎亲，而女方随着男方出门，这种'男 以昏时迎女，女因男而来'的习俗，就是'昏''因'一词的起源。换句话说，婚姻是指男娶女嫁的过程。  人类婚姻史　　 追溯到原始时代，就有了所谓的婚姻，这是一种群居高等生命的本能属性，自然法则会用异性相吸的力量，使哺乳类生命繁衍生息。人类的婚姻存在形式以及结合方式，受人类社会环境的影响。不同时代和地区的社会环境，造就了多样的婚姻模式，以及结合方式。科学的意义上看，如果没有婚姻，很多血统就会出现混乱，不利于人们的优良繁衍。 　　原始人类并不需要婚姻，这跟今天的灵长动物是一样的，不必细说。后来有了氏族社会，采用的是集体群婚制，即一个氏族的男性或女性集体嫁到另一个氏族。这也是在进化过程中为了族群繁衍和防止乱伦导致族群退化而形成的一个习俗。再后来进入了私有制社会，才有了一对一或一对数的固定的夫妻关系，于是就产生了婚姻制度。 　　值得指出的是，由于婚姻产生于私有制，所以它一直与人的财产关系密切相关。由于男子是私有制社会的主体，所以女子一直被看作男子的财产，于是多数古代社会是一夫多妻制。而且抢婚、买卖妻妾等现象也源于此。由于私有制的财产由于血缘关系中的男性继承，为了保证血缘的纯净，就有了“处女情结”和对女子性行为的严格约束。 　　当出现了部落和国家等社会组织之后，婚姻又成了一种政治筹码。从部族的通婚，到国家统治者之间的“联姻”，都是试图通过婚姻来达到政治目的。直到今天，婚姻仍被富豪家庭用于结盟和理顺财产继承关系。 </p>
						</div>
					  </div>
					</div>

				  </div>
				</div>
			<!-- //Success_Story Modal4 -->
		<!-- //Success Stories  -->
		
	<!-- services -->
	
	<div class="wthree_services-bottom">
		<p><span></span></p>
	</div>
	<!-- //services -->
	<!-- //about us -->
	
	<!-- browse profiles -->

	<!-- //browse profiles -->

	
	<!-- Get started -->
	
	<!-- //Get started -->
	
<!-- footer -->
 <!-- <footer>
    <div class="footer">
        <div class="container">
            <div class="footer-info w3-agileits-info">
                <div class="col-md-4 address-left agileinfo">
                    <div class="footer-logo header-logo">
                        <h6>联系我们</h6>
                    </div>
                    <ul>
                        <li><i class="fa fa-map-marker"></i> 北京海淀区中关村</li>
                        <li><i class="fa fa-mobile"></i> 18837525123 </li>
                        <li><i class="fa fa-envelope-o"></i> <a href="mailto:example@mail.com"> 123456@qq.com</a></li>
                    </ul>
                </div>
                <div class="col-md-8 address-right">
                    <div class="col-md-4 footer-grids">
                        <h3>公司</h3>
                        <ul>
                            <li><a href="about.html">关于我们</a></li>
                        </ul>
                    </div>
                    <div class="col-md-4 footer-grids">
                        <h3>快速链接</h3>
                        <ul>
                            <li><a href="privacy_policy.html">隐私策略</a></li>
                        </ul>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="copy-right">
        <div class="container">
        </div>
    </div>
</footer> -->
<!-- //footer -->	
<!-- menu js aim -->
	<script src="js/jquery.menu-aim.js"> </script>
	<script src="js/main.js"></script> <!-- Resource jQuery -->
	<!-- //menu js aim -->
	<!-- for bootstrap working -->
		<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
	  			containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
	 		};
			*/
			
			$().UItoTop({ easingType: 'easeOutQuart' });
							
		});
	</script>
	<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	<!-- for smooth scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
	</script>
	<!-- //for smooth scrolling -->
</body>
<!-- //body -->
</html>
<!-- //html -->
